﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ddcCajamarca.Web._Default" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">


    <%--<script language="JavaScript" type="text/javascript">
        function click() {
            if (event.button == 2) {
                alert(' Tu modificas este alerta');
            }
        }
        document.onmousedown = click
        //-->
        window.onload = function() {
            document.onkeyup = muestraInformacion;
            document.onkeydown = muestraInformacion;
        }
 
        function muestraInformacion(elEvento) {
            var evento = window.event || elEvento;

            if (evento.keyCode==39) {

                console.log("");
            }
 
        }
 
       
    </script>--%>
</asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
  
    <%-- Para el link de ver más del carrosel --%>
    <script>

        $(function () {

            $('div.item:first').addClass("active");
        });
    </script>
    <%-- /carrosel --%>
    
    <%-- offcanvas.css --%>
    <style>
        /*
 * Style tweaks
 * --------------------------------------------------
 */
        /* Lo comentamos porque genera una line blanca en la cabecera
        html,
        body {
            overflow-x: hidden; /*comentario Prevent scroll on narrow devices /
        }

        body {
            padding-top: 70px;
        }

        footer {
            padding: 30px 0;
        }*/

        /*end comentario

 * Off Canvas
 * --------------------------------------------------
 */
        @media screen and (max-width: 767px) {
            .row-offcanvas {
                position: relative;
                -webkit-transition: all .25s ease-out;
                -o-transition: all .25s ease-out;
                transition: all .25s ease-out;
            }

            .row-offcanvas-right {
                right: 0;
            }

            .row-offcanvas-left {
                left: 0;
            }

            .row-offcanvas-right .sidebar-offcanvas {
                right: -50%; /* 6 columns */
            }

            .row-offcanvas-left .sidebar-offcanvas {
                left: -50%; /* 6 columns */
            }

            .row-offcanvas-right.active {
                right: 50%; /* 6 columns */
            }

            .row-offcanvas-left.active {
                left: 50%; /* 6 columns */
            }

            .sidebar-offcanvas {
                position: absolute;
                top: 0;
                width: 50%; /* 6 columns */
            }
        }
    </style>
    <%-- /offcanvas.css --%>
    
    <%-- offcanvas.js --%>
    <script>
        $(document).ready(function () {
            $('[data-toggle="offcanvas"]').click(function () {
                $('.row-offcanvas').toggleClass('active');
            });
        });
    </script>
    <%-- /offcanvas.js --%>

    <%-- Sin internet --%>
    <%--<script src="Scripts/bootstrap.min.js"></script>--%>

    <div class="container panel">

        <!-- Jumbotron -->
        <div align="center" class="jumbotron">
            <h1>Dirección Desconcentrada de Cultura Cajamarca</h1>
            <%--<p class="lead">
                Institución encargada de difundir y realizar eventos culturales en la región Cajamarca.
            </p>--%>
            <p><a class="btn btn-lg btn-success" href="AgendaCultural/frmAgendaCultural.aspx" role="button">Revisar la Agenda</a></p>
            
            <%-- Carrosel --%>
            <div id="slide">

                <div class="row" style="padding: 0px 5% 0px 5%">

                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- Indicadores de inicio -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        </ol>

                        <!-- slides -->
                        <div class="carousel-inner">
                            <asp:Repeater ID="Repeater2" runat="server"
                                ItemType="ddcCajamarca.BusinessEntities.Post.NotaInformativa"
                                SelectMethod="GetNota">
                                <ItemTemplate>
                                    <div class="item">
                                        <%--<img src="<%# Item.Imagen %>" alt="<%# Item.Titulo %>">--%>
                                        <asp:Image ID="abc" ImageUrl='<%#Eval("Imagen")%>' runat="server" />
                                        <div class="carousel-caption">
                                            <h3><strong><%# Item.Titulo %></strong>  &nbsp; <a href="/Post/frmVerNotaInformativa.aspx?id=<%# Item.id %>" class="btn btn-success float-right">Ver más »</a></h3>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev" style="width: 60px;">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="width: 60px;">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                        </a>
                    </div>

                </div>

            </div>
            <%-- /carrosel --%>

        </div>
        

        <!-- Example row of columns -->
        <div class="row row-offcanvas row-offcanvas-right">

            <div class="col-xs-12 col-sm-9">
                <div class="row">
                    <p class="pull-right visible-xs">
                    <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Ver panel</button>
                </p>
                </div>
                
                <div class="row">
                    <div class="col-xs-6 col-lg-4">
                        <h3>Agenda Cultural</h3>
                        <p>
                            Dentro de la intranet se podrá administrar los eventos relacionados con la cultura de nuestra localidad, asi como poder visualizarlas la agenda cultural filtrada por fechas. 
                        </p>
                        <p><a class="btn btn-default" href="/AgendaCultural/frmAgendaCultural.aspx" role="button">Ver más »</a></p>
                    </div>
                    <!--/.col-xs-6.col-lg-4-->
                    <div class="col-xs-6 col-lg-4">
                        <h3>Directorio Cultural</h3>
                        <p>
                            Dentro de la intranet se podrá administrar el directorio relacionado con la cultura de nuestra localidad, asi como poder visualizarlas los datos correcpondientes a cada persona registrada.
                        </p>
                        <p><a class="btn btn-default" href="/Directorio/frmListPersonas.aspx" role="button">Ver más »</a></p>
                    </div>
                    <!--/.col-xs-6.col-lg-4-->
                    <div class="col-xs-6 col-lg-4">
                        <h3>Administración</h3>
                        <p>
                            Dentro de la intranet se podrá realizar diferentes opciones relacionadas con el directorio y la agenda cultural, como la gestion de los ambientes relacionados a los eventos, asi como los patrocinadores de estos, las personas relacionadas al directorio, entre otros.
                        </p>
                        <p><a class="btn btn-default" href="/AgendaCultural/frmListAmbientes.aspx" role="button">Ver más »</a></p>
                    </div>
                    <!--/.col-xs-6.col-lg-12-->
                    <div class="col-xs-6 col-lg-12">
                        <h3>Nosotros en Imágenes <span class="glyphicon glyphicon-camera" /></h3>
                        <asp:UpdatePanel runat="server">
                            <ContentTemplate>
                                <asp:ListView ID="lvImagenes"
                                    ItemType="ddcCajamarca.BusinessEntities.Administracion.Imagen"
                                    SelectMethod="GetImagenes"
                                    runat="server">
                                    <LayoutTemplate>
                                        <div id="itemPlaceholder" runat="server"></div>
                                    </LayoutTemplate>
                                    <ItemTemplate>
                                        <div class="col-xs-12 col-lg-6">
                                            <div class="row">
                                                <div class="item">
                                                    <a href="<%# string.Format("/Images/varias/{0}",Eval("Img"))%>">
                                                        <asp:Image CssClass="img-responsive" Height="290" ID="abc" ImageUrl='<%# string.Format("~/Images/varias/{0}",Eval("Img"))%>' runat="server" Width="420" />
                                                    </a>
                                                    <div class="carousel-caption img-responsive" style="width: 420px">
                                                        <strong><%# Item.Descripcion %></strong>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ItemTemplate>
                                </asp:ListView>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                        <p><a class="btn btn-default btn-sm" href="https://www.facebook.com/ministeriode.culturacajamarca/photos_albums" role="button">Ver más »</a></p>
                        
                    </div>
                </div>
                <!--/row-->
            </div>
            <!--/.col-xs-12.col-sm-9-->
            <hr />

            <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
                
                <%-- Aviso de los que cumplen a;os --%>
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title"><strong>
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Hoy Cumplen Años</a></strong> <span class="glyphicon glyphicon-gift"></span>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                            <div class="panel-body">
                                <asp:UpdatePanel ID="upCumpleaños" runat="server">
                                    <ContentTemplate>
                                        <asp:ListView ID="lvCumpleaños"
                                            ItemType="ddcCajamarca.BusinessEntities.Directorio.Persona"
                                            SelectMethod="GetPersonaByFechCumpleaños"
                                            runat="server">
                                            <EmptyDataTemplate>
                                                <h3 class="message-error" align="center"><b>Hoy nadie cumple años.</b></h3>
                                            </EmptyDataTemplate>
                                            <LayoutTemplate>
                                                <%--<div class="row">--%>
                                                <div id="itemPlaceholder" runat="server"></div>
                                                <%--</div>--%>
                                            </LayoutTemplate>
                                            <ItemTemplate>
                                                <h5>
                                                    <%#Item.Nombre %>
                                                    <%#Item.Apellidos %> 
                                                    <small>
                                                        <%#Item.Telefono %> 
                                                        <%#Item.Email %>
                                                    </small>
                                                </h5>
                                                    
                                                <hr class="divider">
                                            </ItemTemplate>
                                        </asp:ListView>
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                            </div>
                        </div>
                    </div>

                </div>
                <%-- End cumplea;os --%>
                <%-- Twitter--%>
                <div>
                    <h4><strong>Opina</strong> <span class="glyphicon glyphicon-globe"></span></h4>
                    <a class="twitter-timeline" href="https://twitter.com/DDCCajamarca" data-widget-id="582610986126958593">Tweets por el @DDCCajamarca.</a>
                    <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>

                    <h5>Siguenos en : </h5>

                    <div class="container">
                        <a class="btnFb" href="https://es-es.facebook.com/ministeriode.culturacajamarca"><i class="fa fa-facebook-square fa-2x"></i>
                        </a>
                        <a class="btnGg" href="https://plus.google.com/u/0/112312625489403232409/posts"><i class="fa fa-google-plus-square fa-2x"></i>
                        </a>
                        <a class="btnTw" href="https://twitter.com/ddccajamarca"><i class="fa fa-twitter-square fa-2x"></i>
                        </a>

                    </div>
                </div>
                <%-- /Twitter --%>
                <hr />
                <%-- Mapa --%>
                <div>
                    <h4><strong>Encuentranos</strong> <span class="glyphicon glyphicon-pushpin"></span></h4>
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3958.6808056460977!2d-78.5198142!3d-7.162850599999984!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x91b25affed3b8071%3A0x820245d6fa56f4d6!2sBel%C3%A9n%2C+Cajamarca!5e0!3m2!1ses!2spe!4v1412667435169"
                        width="275" height="280" frameborder="0" style="border: 0"></iframe>
                </div>
                <%-- / Mapa --%>
            </div>
            <!--/.sidebar-offcanvas-->
        </div>
        <!--/row-->

    </div>
    <!-- /container -->

</asp:Content>
